<template>
  <!-- pc端 头部图标 -->
  <div class="hidden pt-5 h-8 xl:block">
    <img class="m-auto" src="https://res.lgdsunday.club/signlogo.png" alt="" />
  </div>
  <!-- 移动端头部图标 -->
  <div class="h-[111px] xl:hidden">
    <img
      class="dark:hidden"
      src="https://res.lgdsunday.club/login-bg.png"
      alt=""
    />
    <img
      class="h-5 absolute top-[5%] left-[50%] translate-x-[-50%]"
      src="https://m.imooc.com/static/wap/static/common/img/logo-small@2x.png"
      alt=""
    />
  </div>
</template>

<script setup>
import { ref, reactive, toRefs, onMounted } from 'vue'
</script>
<style scoped lang="scss"></style>
